草庐IT

Bootstrap4 模态框

全部标签

javascript - 如何在没有 jQuery 或 bootstrap.js javascript 的情况下打开 Bootstrap 模式?

我正在开发一个非常简单的调查应用程序。该应用程序在连接非常有限的第三世界国家/地区运行。我们发现加载时间与用户参与度成正比(对我们来说非常重要)。今天我使用了2个库——VueJS和一个自定义Bootstrap构建。我想调用一个模态。但是模式需要添加BootstrapJavascript和jQuery。这些库几乎使加载时间加倍。如何在不添加这两个库的情况下打开模式? 最佳答案 @uday链接到CSSonlymodal是一个很好的技巧,但如果您将#tag用于其他目的(例如,路由和参数传递),则使用起来可能会很尴尬。所以这是一个使用很少的

javascript - 无法让 jQuery UI 模态对话框成为模态

我无法让jQueryUImodal对话框像在demo中一样工作!考虑这个食谱:Firstopenamodalsomething').dialog({modal:true});returnfalse;">dialogThentrytohoverovermeAndclickme!当对话框处于事件状态时,第二个链接被正确禁用,但第三个链接(onclick)仍然有效!此外,将鼠标悬停在两个链接上时,浏览器的小手会出现。这不像演示...我做错了什么? 最佳答案 作为Pointy指出,这通常由jQueryUICSS控制。但是可以通过在CSS文件

javascript - bootstrap + jade 复选框

亲们,我对jade和bootstrap很陌生。创建一个简单的表单,其中包含下拉菜单和复选框。现在我的代码如下所示:form(role="search",action='/uri/blah'method='post').navbar-form.navbar-left.form-groupinput(type="name",name="bae",placeholder="bae",required).form-controlselect(id="type",name="type").form-controloption(value="foo")foooption(value="bar")b

javascript - Bootstrap 3 Carousel 上的动画高度变化

在研究“如何在Bootstrap3Carousel上设置高度变化动画”这个问题时,我发现了thisanswer,但是它对我的Bootstrap轮播没有任何影响。我还不能发表评论并在那里要求澄清,因此是一个新问题。建议的解决方案是functionbsCarouselAnimHeight(){$('.carousel').carousel({interval:5000}).on('slide.bs.carousel',function(e){varnextH=$(e.relatedTarget).height();$(this).find('.active.item').parent().

javascript - 刷新 Bootstrap 表

问题是我无法在完成注册后让表(bootstrap-table)更新数据。我正在尝试通过JS来完成,但没有成功。我尝试了以下方法:JS$.post($form.attr('action'),$form.serialize(),function(result){if(result.status=="true"){$(location).attr('href',result.acao.url);}else{$('#cargo').formValidation('resetForm',true)$('#cadastroCargo').modal('hide')//ATTEMPTREFRESHB

javascript - Bootstrap 获取 div 列的宽度(以像素为单位)

我正在使用Bootstrap设置一个页面。我的布局工作得很好,但其中一个元素是美国的可缩放map(使用d3)。我使用的缩放功能需要div的宽度和高度(以像素为单位),以便计算如何平移和缩放map。我试过使用百分比,但我什么也做不了。有什么方法可以动态获取div的高度和宽度。我搜索了所有内容,但搜索词太笼统(或者我不够聪明,无法正确表达)。或者,我还可以通过其他方式获得必要的值。这是我使用硬编码宽度和高度的实现(如果页面调整大小,这将不起作用)。//makethemapelementvarwidth=1000;varheight=1000;varsvg=d3.select("#Map")

javascript - 无法关闭 ng-bootstrap 模式

所以我有一个NgbModal,里面有一个表单,我想要实现的是在成功提交时关闭它。这是我的模态组件:@Component({selector:'create-update-transaction',templateUrl:'./CreateOrUpdateTransaction.html',providers:[AccountTransactionsService]})exportclassCreateOrUpdateTransactionComponent{closeResult:string;modalRef:NgbModalRef;@Input()transaction:Trans

javascript - Angular : How to make an element that will close UI bootstrap dropdown on click

我正在使用AngularUI使用bootstrap,我正在使用uib-dropdown。我已将自动关闭设置为外部点击,但我还想在下拉列表中创建一个按钮来关闭它。我尝试将uib-dropdown-toggle添加到其中一个元素,但这完全破坏了下拉菜单(它根本打不开)。如何创建关闭下拉菜单的元素?相关代码:X...... 最佳答案 只需使用is-open属性和Angular变量来控制下拉菜单的“开放性”。然后您可以通过编程方式将此变量值设置为false以关闭下拉列表。这是您的代码中的示例:X......

javascript - 通过 URL 直接链接到打开的模态窗口?

我对编码知之甚少,所以希望我的问题措辞正确。我想做的是将一个人链接到另一个网站上的特定模式窗口。在此示例中,我将使用Menards每周广告来展示我想做的事情。我想将某人直接链接到每周传单页面,其中模式窗口已经针对特定产品打开,例如74.99美元的5层货架单元,选中后会打开此窗口(http://i.imgur.com/lntNUpK.png)。这是我想直接链接到某人的窗口。有没有办法修改URL来实现这一点?我所知道的就是如何链接到URL的特定页面,看起来像这样/main/flyer.html?page=5另一件值得一提的事情是,如果您访问提供广告的网站Flipp,它确实允许您直接链接到窗

javascript - 如何将输入字段数据从模态传递到 react-Native 中的容器?

这是我正在使用的:{}}>在容器中我不知道如何将数据从模态传递到父组件。任何类型的教程或链接都可以。提前致谢。 最佳答案 让我们假设您的模态框在/components/MyModal中单独归档以概括事物。您可以让您的Modal调用一个函数,在每次输入文本更改时通过props传递该函数。这是您可以使用的简单回调逻辑。尽可能避免使用refs。importMyModalfrom'../components/MyModal';...classHomeextendsComponent{onInputChanged=(changedText)=